﻿<Carousel Width="280" IsFade="true">
    <CarouselItem>
        <CaptionTemplate>
            <h5>First slide label</h5>
            <p>Pic0.jpg</p>
        </CaptionTemplate>
        <ChildContent>
            <img src="_content/BootstrapBlazor.Shared/images/Pic0.jpg" alt="demo-image" />
        </ChildContent>
    </CarouselItem>
    <CarouselItem>
        <CaptionTemplate>
            <h5>Second slide label</h5>
            <p>Pic1.jpg</p>
        </CaptionTemplate>
        <ChildContent>
            <img src="_content/BootstrapBlazor.Shared/images/Pic1.jpg" alt="demo-image" />
        </ChildContent>
    </CarouselItem>
    <CarouselItem>
        <CaptionTemplate>
            <h5>Third slide label</h5>
            <p>Pic2.jpg</p>
        </CaptionTemplate>
        <ChildContent>
            <img src="_content/BootstrapBlazor.Shared/images/Pic2.jpg" alt="demo-image" />
        </ChildContent>
    </CarouselItem>
</Carousel>
